//ace top nav/bar
@navbar-background: #438EB9;
//navbar background color
@navbar-text-color: #FFF;

@ace-nav-border: rgba(255, 255, 255, 0.4);

.navbar {
  margin: 0;
  padding-left: 0;
  padding-right: 0;

  border-width: 0;
  border-radius: 0;
  .box-shadow(none);

  min-height: @navbar-min-height;

  background: @navbar-background;

  .navbar-text, .navbar-link {
    color: @navbar-text-color;
  }

  .navbar-brand {
    color: @navbar-text-color;
    font-size: @font-size-brand;
    text-shadow: none;

    padding-top: 10px;
    padding-bottom: 10px;

    height: auto;

    &:hover, &:focus {
      color: @navbar-text-color;
    }
  }
}

/**
@media (min-width: @grid-float-breakpoint) {
  .navbar > .container .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: 0;
	margin-right: 0;
  }
}
*/

@media only screen and (min-width: @grid-float-breakpoint) {
  .navbar-container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

//inside .container
.navbar-container.container {
  padding-left: 0;
  padding-right: 0;
}

//ace-nav
@import "navbar/user-buttons.less";
@import "navbar/user-dropdown-position.less";
@import "navbar/user-buttons-move-down.less";
//move down when screen size is below 460px (@screen-topbar-down)
@import "navbar/user-menu.less";
//the menu and photo of logged in user

//collapsible (.navbar.navbar-collapse)
@import "navbar/collapsible.less";
@import "navbar/navbar-menu-form.less";

//some bs resetting!
.navbar-fixed-top, .navbar-static-top, .navbar-fixed-bottom {
  .navbar-collapse {
    padding-left: floor(@grid-gutter-width / 2);
    padding-right: floor(@grid-gutter-width / 2);
  }
}

////
//this is only because of "inside-container"
//we want the top blue section not to be more than 45px(inherit)
@media only screen and (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
  .navbar.navbar-collapse {
    background-color: transparent;

    &:before {
      background: @navbar-background;
      content: "";
      display: block;

      position: absolute;
      min-height: inherit;

      left: 0;
      right: 0;
      top: 0;

      z-index: -1;
      border-radius: inherit;
    }

    .navbar-container {
      background-color: @navbar-background;
    }
  }
}

@import "navbar/toggle-button.less";

